<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>唉好忙</title>

    <!-- start Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- end Bootstrap -->
    <link rel="stylesheet" href="../css/htmlcss.css">
    <link rel="stylesheet" href="../css/base.css">
    <script src="../js/snow.js"></script>
    <script src="../js/htmlcss.js"></script>
    <link rel="stylesheet" href="../css/htmlcssbase.css">

    <link rel="bookmark" type="image/x-icon" href="../images/favicon.ico">
    <link rel="shortcut icon" href="../images/favicon.ico">
</head>
<body>
<style type="text/css">
    .snow-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; }
</style>
<div class="snow-container"></div>
<figure>
    <p>谁说咸鱼没有梦想!---欢迎光临唉好忙!  <a class="rssdy" target="_blank" href="http://alasbusy.com/sitemap.xml"  title="博客地图"></a>
    </p>
</figure>
<header>
    <img src="../images/logo.png" alt="KYC个人网站-匡迎春" width="170" height="60">
    <h1><a href="/">这个网站的主人很忙</a></h1>
    <p>互联网和短长篇小说的个人网站</p>
</header>
<nav id="nav">
    <ul>
        <li><a href="http://itbyc.com/" >网站首页</a></li>
        <li id="nav_current"><a href="http://alasbusy.com/web/" target="_blank" title="HTML5/css3">HTML5/css3</a></li>
        <li><a href="http://alasbusy.com/android/" target="_blank" title="安卓">Android</a></li>
        <li><a href="http://alasbusy.com/share/" target="_blank" title="PHP">PHP相关</a></li>
        <li><a href="http://alasbusy.com/itnews/" target="_blank" title="最新IT资讯">IT资讯</a></li>
        <!--<li><a href="http://alasbusy.com/log/" target="_blank" title="短篇小说">篇小说</a></li>-->
        <li><a href="http://alasbusy.com/cms/" target="_blank" title="短/长篇小说">短/长篇小说</a></li>
        <li><a href="http://alasbusy.com/travel/" target="_blank" title="旅途分享">在路上</a></li>
    </ul>
</nav>
<div class="body_bg">
<article>
    <div class="ht_container">
        <div class="ht_blog" data-scroll-reveal="enter top" >
           <!-- <figure>-->
            <div class="top_list">
                <ul>
                    <a href="/"><img src="../images/photo.jpg" class="top_list_img"><!--<span>下载个人博客模板</span>--></a>
                </ul>
                <p><a href="/">灯具公司复古风格PSD设计稿</a></p>
                <figcaption>此模板为PSD设计稿，复古风格。首页主要突出产品，以及公司简介。手绘灯作为头部背景图片，这个比较特别。html可以做出灯一闪一闪的效果，或者说旁边有个按钮...</figcaption>
            </div>
                <!--</figure>-->
            <!--<figure>-->
            <div class="top_list">
                <ul>
                    <a href="/"><img src="../images/photo.jpg" class="top_list_img"><!--<span>下载个人博客模板</span>--></a>
                </ul>
                <p><a href="/">个人博客模板古典系列之——江南墨..</a></p>
                <figcaption>一共是四个页面，首页，图文列表，图片列表，文字内容。此模板风格为中国古典风格，山水画墨迹成就一幅江南墨卷。页面首页设计较为简单，突出文章重点。图文列表显示...</figcaption>
            <!--</figure>-->
            </div>
            <!--<figure>-->
            <div class="top_list">
                <ul>
                    <a href="/"><img src="../images/photo.jpg" class="top_list_img"><!--<span>下载个人博客模板</span>--></a>
                </ul>
                <p><a href="/">美丽的茧</a></p>
                <figcaption>让世界拥有它的脚步，让我保有我的茧。当溃烂已极的心灵再不想做一丝一毫的思索时，就让我静静回到我的茧内，以回忆为睡榻，以悲哀为覆被，这是我唯一的美丽。</figcaption>
            </div>
            <!--</figure>-->
        </div>
        <ul class="ht_cbp_tmtimeline">
            <li>
                <time class="ht_cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="ht_cbp_tmicon"></div>
                <div class="ht_cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="ht_blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="ht_readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
            <li>
                <time class="ht_cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
                <div class="ht_cbp_tmicon"></div>
                <div class="ht_cbp_tmlabel"data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="ht_blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="ht_readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
            <li>
                <time class="ht_cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
                <div class="ht_cbp_tmicon"></div>
                <div class="ht_cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="ht_blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="ht_readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
            <li>
                <time class="ht_cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
                <div class="ht_cbp_tmicon"></div>
                <div class="ht_cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="ht_blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="ht_readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
            <li>
                <time class="ht_cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
                <div class="ht_cbp_tmicon"></div>
                <div class="ht_cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="ht_blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="ht_readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
            <li>
                <time class="ht_cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
                <div class="ht_cbp_tmicon"></div>
                <div class="ht_cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="ht_blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="ht_readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
            <li>
                <time class="ht_cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
                <div class="ht_cbp_tmicon"></div>
                <div class="ht_cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="ht_blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="ht_readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>

        </ul>
    </div>
</article>
</div>
<footer>
    Design by DanceSmile <a href="/">蜀ICP备11002373号-1</a>
</footer>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        (function(){
            window.scrollReveal = new scrollReveal({reset: true});
        })();
    };
</script>

</body>
</html>